$(function() {

    Morris.Area({
        element: 'morris-area-chart',
        data: [{
            period: '0-2',
            iphone: 26.66,
            ipad: 20.05,
        }, {
            period: '2-4',
            iphone: 49.12,
            ipad: 19.69,
        }, {
            period: '4-6',
            iphone: 68.10,
            ipad: 19.14,
        }, {
            period: '6-8',
            iphone: 48.20,
            ipad: 37.95,
        }, {
            period: '8-10',
            iphone: 10.687,
            ipad: 44.60,
        }],
        xkey: 'period',
        ykeys: ['iphone', 'ipad'],
        labels: ['HTC One', 'MOTO G'],
        pointSize: 2,
        hideHover: 'auto',
        resize: true
    });

    Morris.Donut({
        element: 'morris-donut-chart',
        data: [{
            label: "HTC One",
            value: 12
        }, {
            label: "MOTO G",
            value: 30
        }],
        resize: true
    });


});
